@extends('index')

@section('main')

<div class="main">
  <div class="pertop clearfix" style="background-image: url(/uploads/home/Images/{{$backs->b_pic}});background-repeat: no-repeat;background-attachment: scroll;background-position: 0% 0%;background-clip: border-box;background-origin: padding-box;background-size: 980px 200px;">
  <div class="permask">
    <div class="left fllf pertx"><a href="https://i.hongshu.com/userset.do#divUserFace" target="_blank">
      <img id="imghead" src="/uploads/home/Images/{{$users->pic}}" alt="" title="上传头像"></a><div class="tips3" style="display:none;"></div></div>
    <div class="right fllf clearfix">
      <div class="part01">
        <p class="clearfix"></p>
        <h2>{{$users->name}} </h2>
        <a href="{{url('/install')}}" class="data" target="_blank"><span class="pen"></span>设置个人资料和背景图</a>
        <p class="top10 clearfix"><span class="rt20">ID ：{{$users->id}}</span>
          <span class="rt20"></span>
          <span class="rt20">
          <a href="https://i.hongshu.com/profile/levelup.do" class="upgrade">升级</a>
          </span>
      </p>
      </div>
      <div class="part02 fllf clearfix"><a href="http://www.hongshu.com/userspace/u/7024336/index.html" class="myhome" title="查看我的主页"></a><!-- <div class="tips2" style="display:block;">看看我的主页</div> -->
      </div>
    </div>
  </div>
</div>
<form action="{{url('/install')}}" method="post" enctype="multipart/form-data">
  <div class="form-warp lf80 top25  clearfix">
    <p class="clearfix">
      <label>注 册 账 号：</label>
      <input type="text" class="inputbtndisable" placeholder="账号名" value="{{$users->zh_id}}" readonly="readonly">
      <input type="button" class="perdatabtn lf10" value="QQ第三方登录" style="display:none">
      <span class="explain">红薯账号来自第三方不能修改</span> </p>
    <div class="wrong paddinglf85 clearfix" style="display:block;">&nbsp;</div>
    <p class="clearfix">
      <label>用 户 昵 称：</label>
      <input id="txtNickname" name="name" type="text" placeholder="昵称" value="{{$users->name}}" maxlength="15">
      <span class="explain3">昵称只能修改一次,请慎重,新昵称不能和其他用户的昵称重复,禁止使用违反法律和道德良俗的昵称</span> </p>
    <div id="divNickTip" class="wrong paddinglf85 clearfix" style="display:block;">&nbsp;</div>
    <div id="divUserFace" name="divUserFace" class="top15 clearfix">
      <label>用 户 头 像：</label>
      <div class="usertx">
        <div id="selectPic" class="uploadify" style="height: 120px; width: 120px;">
          <object id="SWFUpload_0" type="" data="" width="120" height="120" class="swfupload" style="position: absolute; z-index: 1;border: 1px solid red;">   
          <img width="120" height="120" src="/uploads/home/Images/{{$users->pic}}" alt="">
          </object>
          <div id="selectPic-button" class="uploadify-button " style="height: 120px; line-height: 120px; width: 120px;">
            <span class="uploadify-button-text"></span>
          </div>
        </div>
        <div id="selectPic-queue" class="uploadify-queue"></div>
        <input type="file" name="pic">
        <div id="cropContainerPreload" style="display:none"></div>        
      </div>

    </div>
    <div class="paddinglf85 top10 clearfix" style="display:none"></div>
    <div class=" paddinglf85  clearfix cyellow">注意：新的头像会替代现有的头像，仅支持文件大小为1MB以内的jpg图片上传，上传后如果图片无法显示，请刷新页面 </div>

    <p class="clearfix" style="display:block;position: relative;">
      <label>密    码：</label>
      <input id="txtOldPassword" type="password" name="password" class="" value="" maxlength="20">
      <span class="explain">输入老密码</span>
    </p>
    <p class="clearfix" style="display:block;position: relative;">
      <label>新 密 码:</label>
      <input id="txtNewPassword" type="password" name="repassword" class="" value="" maxlength="15">
      <span class="explain">新密码:6-15个大小写英文字母、数字,符号</span>
    </p>

    <div id="divPwdTip" class="wrong paddinglf85 clearfix" style="display:none">&nbsp;</div>
    <div class=" paddinglf85  clearfix cyellow">使用微信或QQ等第三方账号注册，无法修改密码</div>
    <p class="clearfix">
      <label>个 人 签 名：</label>
      <textarea id="txtSignature" class="textarea4" name="text" rows="4" maxlength="50">我勒你个去</textarea>
    </p>
    <div class="perbgimg top15 bom15 clearfix">
      <div class="left">
        <label>主页背景图：</label>
      </div>
      <div class="right">
        <ul>
        @foreach($back as $k=>$v)
          <li>
            <span data-category="bg" data-ground="0" onclick="">
            <img src="uploads/home/Images/{{$v->b_pic}}"></span>
              <p>{{$v->b_name}}</p>
            </li>
        @endforeach
        </ul>
      </div>
    </div>
    {{csrf_field()}}
    <!-- <div class="paddinglf85 clearfix">
      <div class="loadingbg2">
        <div class="loadinggo" style="width:35%;"></div>
      </div>
      <span class="lf10 rt20">35%</span><a href="#" class="closebtn3"></a></div>
    <div class=" paddinglf85 bom30  clearfix cyellow">自定义背景请使用960*280尺寸，否则系统会自动伸缩，影响变形</div> -->
    <p class=" paddinglf85 bom150  clearfix">
      <input type="submit" value="保存设置" class="submitbtn" onclick="user_userset.submit()">
    </p>
  </div>
</form>
</div>

@endsection


